<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	   				 <!-- Cadastrar Agencia -->
<form>
  <p:dialog id="modalDialogAgencia" header="Cadastrar Agência" widgetVar="dlgCadAgencia" modal="true" height="480" width="510">  
	<div style="text-align:left;">
	<h:panelGrid  columns="2" >
		<h:graphicImage value="/resources/images/cadastro.png" width="50" height="60" />	
		<h1>Cadastro de Agência</h1>
	</h:panelGrid>
	</div>
	<fieldset>
		<legend>Informações da Agência</legend>
			<div style="text-align:left;">
				<h:panelGrid  columns="2" >
			    	<h:outputLabel value="Agência:" />
			    	<p:inputText size="60" required="true" requiredMessage="Informe a Razão Social" />
			    </h:panelGrid>
			    <h:panelGrid columns="4">
			    	<h:outputLabel for="ie" value="Insc. Estadual:" />
			    	<p:inputText id="ie" size="20" required="true" requiredMessage="Informe a IE" />
			    	
			    	<h:outputLabel value="CNPJ:" />
			    	<p:inputMask mask="99.999.999/9999-99" size="20" required="true" requiredMessage="Informe o CNPJ" />
			    </h:panelGrid>	
			     <h:panelGrid columns="4">
			    	<h:outputLabel value="Senha:" />
			    	<p:password required="true" requiredMessage="Informe um senha"  size="20" />
				</h:panelGrid>
			    
			    </div>  
		</fieldset>
		<fieldset>
		<legend>Informações de Contato</legend>
		<div style="text-align:left;">
				<h:panelGrid columns="2">
					<h:outputLabel value="Reponsável:" />
			    	<p:inputText size="50" required="true" requiredMessage="Informe um nome do responsável" />
				</h:panelGrid>
				<h:panelGrid columns="2">
					<h:outputLabel value="Email:" />
			    	<p:inputText size="60" required="true" requiredMessage="Informe um email" />
				</h:panelGrid>
				<h:panelGrid  columns="6" >
				
					<h:outputLabel value="Fone Cel.:" />
			    	<p:inputMask mask="(99)9999-99999" size="17" />
			    	
			    	<h:outputLabel value="Fone Com.:" />
			    	<p:inputMask mask="(99)9999-99999" size="17" required="true" requiredMessage="Informe o número de telefone Comercial" />
				</h:panelGrid>
		</div>
		</fieldset>	    	
		<fieldset>
		<legend>Informações do Endereço</legend>
			<div style="text-align:left;">
				<h:panelGrid  columns="6" >
					<h:outputLabel for="estado" value="Estado:" />
						<p:selectOneMenu id="estado" >
							<f:selectItem itemLabel="Selecione" itemValue="selecione" /> 
							<f:selectItem itemLabel="BA" itemValue="estado1" /> 
							<f:selectItem itemLabel="SP" itemValue="estado2" /> 
							<f:selectItem itemLabel="RJ" itemValue="estado3" />  
					     </p:selectOneMenu> 
											    
					<h:outputLabel for="cidade" value="Cidade:" />
						<p:selectOneMenu id="cidade" >
							<f:selectItem itemLabel="São Paulo" itemValue="cidade1" />  
					    </p:selectOneMenu>
					   
					   <h:outputLabel value="CEP.:" />
			    		<p:inputMask mask="99999-999" size="10" required="true" requiredMessage="Informe o número do CEP" />
					   
				</h:panelGrid>
				<h:panelGrid  columns="2" >	
					 <h:outputLabel for="bairro" value="Bairro:" />
					 <p:inputText id="bairro" size="40" required="true" requiredMessage="Informe o nome do Bairro" />

					<h:outputLabel for="endereco" value="Endereco:" />
					<p:inputText id="endereco" size="40" required="true" requiredMessage="Informe o Endereço" />	
				</h:panelGrid>
				<h:panelGrid  columns="4" >	
					<h:outputLabel for="numero" value="Número:" />
					<p:inputText id="numero" size="7" required="true" requiredMessage="Informe o nome da rua" />
					
					<h:outputLabel value="Complemento:" />
					<p:inputText size="30"/>
					
				</h:panelGrid>
			</div>
		</fieldset>
		<br/>
		<p:commandButton value="Limpar" />
		<p:commandButton value="Fechar" />
		<p:commandButton value="Gravar" />
  </p:dialog> 
</form>
</html>